<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">

        <div id="myCarousel" class="carousel slide">
                     <div class="carousel-inner">
                         <div class="item active">
                            <img src="../img/a.png" alt=""/>
                            <div class="carousel-caption">
                              <h4>Feature 1</h4>
                              <p>Se debe hacer una descripcion de algun feature de SuiLib</p>
                            </div>
                          </div>
                          <div class="item">
                            <img src="../img/b.png" alt=""/>
                            <div class="carousel-caption">
                              <h4>feature 2</h4>
                              <p>Se debe hacer una descripcion de algun feature de SuiLib</p>
                            </div>
                          </div>
                          <div class="item">
                             <img src="../img/c.png" alt=""/>
                             <div class="carousel-caption">
                                <h4>Feature 3</h4>
                                <p>Se debe hacer una descripcion de algun feature de SuiLib</p>
                              </div>
                           </div>
                           <div class="item">
                             <img src="../img/d.png" alt=""/>
                             <div class="carousel-caption">
                                <h4>Feature 3</h4>
                                <p>Se debe hacer una descripcion de algun feature de SuiLib</p>
                              </div>
                           </div>
                       </div>
                       <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                       <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
                 </div>
                 <script>$('.carousel').carousel({ interval: 3500});</script>

</html>

